* {
	margin: 0px;
	padding: 0px;
}
@keyframes typing {
	from {
	width:0;
}
}@keyframes blink-caret {
	50% {
	border-color:transparent;
}
}
.all3 {
	width: 100%;
	height:21vw;
}
.all3-1{
	width: 65%;
	height:21vw;
	float: left;
	overflow: scroll;
}
.all3-1 div{
	width:200%;
	height:60vw;
	float: left;
	overflow: scroll;
}
.all3-1 p {
	color: #666;
	font:bold 200% Consolas,Monaco,monospace;
	border-right:.1vw solid;
	width:100%;
	font-size: 1vw;
	/* fallback */
	 width:100%;
	/* # of chars */
	margin:2em 1em;
	white-space:nowrap;
	overflow:scroll;
	animation:typing 3s steps(30,end),/* # of steps = # of chars */
   blink-caret .5s step-end infinite alternate;
}
.all3-2{
	width:35%;
	height:21vw;
	float: right;
	background: url( ../pic/男人脸6.jpg);
	background-size:100% auto;
	text-align: center;
	overflow: scroll;
}
.all3-2-1{
	width:100%;
	height:21vw;
	
}
.all3-2-1 h1{
	margin-top: 2vw;
	width:100%;
	height:auto;
	font-size: 2.5vw;
	color: #eee;	
}
.all3-2-1 p{
	width:50%;
	height:auto;
	font-size: 2vw;
	color: #eee;
	background: #000;
	margin: 0px auto;
	margin-top:6vw;
	fitter: opacity(60);
	opacity: 0.6;
}
.all3-2-1 p:hover{
	background: #f00;
	fitter: opacity(60);
	opacity: 0.6;
	
}
.all3-1-color1{color:#FF5E3A;font-size:1.5vw;}
.all3-1-color2{color:#2C365D;font-size:1vw;}
.all3-1-color3{color:#BBDED6;font-size:2.2vw;}
.all3-1-color4{color:#F73859;font-size:1vw;}
.all3-1-color5{color:#F8D5F0;font-size:1.4vw;}
.all3-1-color6{color:#FFDD7E;font-size:0.5vw;}
.all3-1-color7{color:#AAAAAA;font-size:1.2vw;}
.all3-1-color8{color:#CFCBF1;font-size:1vw;}
.all3-1-color9{color:#EE046C;font-size:1.4vw;}